<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>Landing Page | Amaze UI Example</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="alternate icon" type="image/png" href="assets/i/favicon.png">
  <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
  <style>
    body {
      background-image: url("assets/i/denso.png");
      background-repeat: repeat;
    }

    .title {
      text-align: center;
      margin-top: 16px;
      margin-bottom: 16px;
    }
    .am-table > thead > tr > th,
    .am-table > tbody > tr > td {
      text-align: center;
      vertical-align: middle;
      height: 56px;
      font-family: Monaco;
    }

    .c1 {
      background-color: #0F4DA8;
      color: #FFFFFF;
    }
    .c2 {
      background-color: #2E16B1;
      color: #FFFFFF;
    }
    .c3 {
      background-color: #FFCB00;
      color: #000000;
    }
    .c4 {
      background-color: #FFA100;
      color: #000000;
    }
    .gainsboro {
      background-color: gainsboro;
    }
    .c5 {
      background-color: #EBEDF4;
      color: #000000;
      font-weight: bold;
    }
  </style>
</head>
<body>
<div class="title">
    <h1>2017年12月16日 制品安全在库库存显示板</h1>
</div>
<div class="am-g">
  <div class="am-u-lg-10 am-u-lg-offset-1">
    <table class="am-table am-table-bordered">
      <thead>
      <tr>
        <th class="c5"></th>
        <th colspan="7" class="c1">HVAC</th>
        <th class="c3">ECM</th>
        <th colspan="2" class="c2">油冷</th>
        <th colspan="2" class="c4">GIC</th>
      </tr>
      <tr >
        <th class="c5">种类</th>
        <th>MQB_B<br/>一区</th>
        <th>MQB_B<br/>三区</th>
        <th>C7<br/>三区</th>
        <th>C7<br/>四区</th>
        <th>136B<br/>手动</th>
        <th>136B<br/>自动</th>
        <th>136B<br/>手动</th>
        <th>ECM</th>
        <th>136B<br/>方壶</th>
        <th>136B<br/>圆壶</th>
        <th>MLB</th>
        <th>MQB</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td class="c5">社内在库数量<br/>( 早8:00 )</td>
        <td>500</td>
        <td>300</td>
        <td>500</td>
        <td>300</td>
        <td>500</td>
        <td>300</td>
        <td>500</td>
        <td>300</td>
        <td>500</td>
        <td>300</td>
        <td>500</td>
        <td>300</td>
      </tr>
      <tr>
        <td class="c5">社内在库基准</td>
        <td colspan="2">0.75日</td>
        <td colspan="2">0.2日</td>
        <td>0.4日</td>
        <td>0.4日</td>
        <td>0.4日</td>
        <td>0.4日</td>
        <td>0.4日</td>
        <td>0.4日</td>
        <td>8日</td>
        <td>8日</td>
      </tr>
      <tr>
        <td class="c5">社内在库日数</td>
        <td colspan="2" class="am-danger">0.13日</td>
        <td colspan="2" class="am-success">0.27日</td>
        <td class="am-success">0.4日</td>
        <td class="am-success">0.4日</td>
        <td class="am-success">0.4日</td>
        <td class="am-success">0.4日</td>
        <td class="am-success">0.4日</td>
        <td class="am-success">0.4日</td>
        <td class="am-success">8日</td>
        <td class="am-success">8日</td>
      </tr>
      <tr>
        <td class="c5">社外仓库数量<br/>( 陆捷、二发 )</td>
        <td>1000</td>
        <td>500</td>
        <td>1000</td>
        <td>500</td>
        <td>--</td>
        <td>--</td>
        <td>--</td>
        <td>--</td>
        <td>--</td>
        <td>--</td>
        <td>1000</td>
        <td>500</td>
      </tr>
      <tr class="am-active">
        <td class="c5">共计</td>
        <td>1500</td>
        <td>800</td>
        <td>1500</td>
        <td>800</td>
        <td>500</td>
        <td>300</td>
        <td>500</td>
        <td>300</td>
        <td>500</td>
        <td>300</td>
        <td>500</td>
        <td>300</td>
      </tr>
      <tr>
        <td class="c5">日出货量</td>
        <td>400</td>
        <td>200</td>
        <td>400</td>
        <td>200</td>
        <td>400</td>
        <td>200</td>
        <td>400</td>
        <td>200</td>
        <td>400</td>
        <td>200</td>
        <td>400</td>
        <td>200</td>
      </tr>
      <tr class="am-active">
        <td class="c5">共计在库日数</td>
        <td colspan="2">0.83日</td>
        <td>0.27日</td>
        <td>0.25日</td>
        <td>0.8日</td>
        <td>0.67日</td>
        <td>0.8日</td>
        <td>0.67日</td>
        <td>0.8日</td>
        <td>0.67日</td>
        <td>0.8日</td>
        <td>0.67日</td>
      </tr>
      </tbody>
    </table>
  </div>
</div>

<!--[if lt IE 9]>
<script src="assets/ie9/jquery.min.js"></script>
<script src="assets/ie9/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gt IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
</body>
</html>
